
<title>Data Base Webarcher Editor</title>
<style>
td {
	vertical-align: top;
}
</style>
<script type="text/javaScript" 
  src="jq.js"></script>


<body style="
	padding: 11em 2em;
	background: url(DB-webarcher-logp-sample.png) no-repeat 3em 1em" 
	bgcolor="#f8d9b8" 
	link="#038dd2" 
	vlink="#784d78" 
	alink="#fab403">

<table style="
	width: 60em">
	<col width="25%" />
	<col width="75%" />

<tr><td>  <div id="sidebar"><div></div>    <td>     <div id="content"></div><!--==============================--></td>
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |   Тут находится список таблиц           |       Тут:                                                           |-->
<!--  |                                     |          -- содержимое                                                                                                            |-->
<!--  |    + Одна                                                               |                                                                                                                                                                  |-->
<!--  |    - Вторая                         |          -- Структура                                                                                                                 |-->
<!--  |     |                               |                                                                     |-->
<!--  |====   - Секция 2       =====                              |                         --   Формы                                                                                                                      |-->
<!--  |                                     |                                                                     |-->
<!--  |    + Третья                                                            |                                                                                                                                                                  |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<!--  |                                     |                                                                     |-->
<tr></table><!--===================================================================================================-->

<div class="tableLabel" class="deepInHierardi_N" class="IS_active" style="
	display: none">

		<div class="treeNodeButtion" style="
	flow: left;"></div>

		<div class="treeNodeName" style="
	flow: right;"></div>
	     
</div>

<table class="contentTableMode" style="
	width: 100%;
	display: none">
	<col width="15%" />
	<col width="5%" />
	<col width="5%" />
	<col width="5%" />
<tr><td><div id="fieldName"><div></div><td><div id="fieldSize"></div><td><div id="fieldDates"></div><td><div id="fieldActions"></div></td>
<tr><td><div id="fieldName">
				dfgdfg<div></div><td><div id="fieldSize">
													dgdsgdfg</div><td><div id="fieldDates">
																					dfgdfgdfg</div><td><div id="fieldActions">
																													sdfgdfg</div></td>
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<!--  |                              |                                |                                |                         |-->
<tr></table><!--==================================================================================================================-->

<script type="text/javaScript">

	var 
	tablesTree = {
	"users": {
		"@authData"     : "<?auth ?>",
		"@personalData" : "<?auth ?>",
		"myFiends"    :  "<?table  users ?>",
		"myPhotos"   :   "<?table  photos ?>",
		"myMessages"  :  "<?table  messages ?>",
		"myToures"  :    "<?table  photos ?>"
	},
	"photos": {
		"@imageFile": "<?url ?>",
		"@permsDate": "<?perms ?>"
	},
	"messages": {
	
	},
	"toures": {
		"@date": "<?date ?>",
		"@country": "char[2]",
		"@arddress": "text",
		"@diveCentre": "<?table  divecentres ?>"
	},
	"divecentres": {
		"@name": "<?string ?>",
		"@country": "char[2]",
		"@arddress": "text"
	}
	};
	
	var tableLabelHTML = $('.tableLabel');

	for (var tableName in tablesTree) 
	{
		
		$('#sidebar').append(
				tableLabelHTML.clone().css({'display': 'block'}).children('.treeNodeName').append(
					'<a href="#'+tableName+'">'+tableName+'</a>'
				)
			);
	}
	$('#content').append(
				$('.contentTableMode').clone().css({'display': 'block'})
			);

</script>
</body>

